<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Oxygen</title>
  <link rel="stylesheet" href="./assets/lib/css/bootstrap.min.css">
  <link rel="stylesheet" href="index.css">
</head>
<body>
  <div class="oxygen-page">
    <header class="oxygen-header container-fluid">
      <div class="flex oxygen-header-box justify-content-between align-items-center">
        
        <div class="header-menu"></div>
        
        <div class="flex flex-column align-items-center header-logo">
          
        </div>
        <nav class="header-nav">
          <span class="header-nav-item">云服务</span>
          <span class="header-nav-item">行业</span>
          <span class="header-nav-item">案例中心</span>
          <span class="header-nav-item">价格</span>
        </nav>
        <div class="header-show">
          获取产品演示
        </div>
      </div>
    </header>

    <section class="oxygen-section-home container-fluid">
      <div class="row h-100"> 
        <div class="section-home-item col-md-6 col-sm-12 h-100">
          <img class="img-fluid home-left-title" src="./assets/img/home-log.png">
          <div class="home-left-btn">
            GET START
          </div>
        </div>
        <div class="section-home-item col-md-6 col-sm-12 h-100">
          <img class="img-fluid" src="./assets/img/home-img.png" alt="" srcset="">
        </div>
      </div>
     
    </section>

    <section class="oxygen-section-fun container-fluid">
      <div class="section-fun-container">
        <div class="section-fun-box row justify-content-center">
          <div class="section-fun-item fun-item-1 flex-content-align-center">
            <div class="fun-item-content flex flex-column justify-content-between align-items-center">
              <span class="fun-item-indexIcon"></span>
              <span class="fun-item-imgIcon"></span>
              <span class="fun-item-title">简单设置，一键合成</span>
              <span class="fun-item-desc text-center">
                完善的系统设置与简单的界面显示 不需要任何复杂的专业知识，用户可以迅速搭建自己的线上商店成为专业商家
              </span>
            </div>
            
          </div>
          <div class="section-fun-item fun-item-2 flex-content-align-center">
            <div class="fun-item-content flex flex-column justify-content-between align-items-center">
              <span class="fun-item-indexIcon"></span>
              <span class="fun-item-imgIcon"></span>
              <span class="fun-item-title">促销团购，应有尽有</span>
              <span class="fun-item-desc text-center">
                定时特价促销，组团享受优惠 助商家以最简单的操作生成限时活动，拉动店铺人气    
              </span>
            </div>
          </div>
          
          <div class="section-fun-item fun-item-4 flex-content-align-center">
            <div class="fun-item-content flex flex-column justify-content-between align-items-center">
              <span class="fun-item-indexIcon"></span>
              <span class="fun-item-imgIcon"></span>
              <span class="fun-item-title">平台管理，维护升级</span>
              <span class="fun-item-desc text-center">
                通过 SaaS 的服务模式，可以为不同的行业提供个性化、定制化服务。随着商业的成长期调整，提供各种模块化的灵活服务。
              </span>
            </div>
          </div>

          <div class="section-fun-item fun-item-3 flex-content-align-center">
            <div class="fun-item-content flex flex-column justify-content-between align-items-center">
              <span class="fun-item-indexIcon"></span>
              <span class="fun-item-imgIcon"></span>
              <span class="fun-item-title">数据可视化，智能分析</span>
              <span class="fun-item-desc text-center">
                对客户在商城浏览、消费的数据收集分析，即采即用，形成用户行为分析。
              </span>
            </div>
          </div>
        </div>
      </div>

     
    </section>

    <section class="oxygen-section-phone container-fluid">
      <div class="row h-100">
        <div class="section-phone-left flex-content-align-center col-md-6">
          <img class="phone-img img-fluid" src="./assets/img/phone-chat.png" alt="" srcset="">
        </div>
        <div class="section-phone-right flex justify-content-center flex-column col-md-6">
          <p class="phone-right-title">
            随时查看 & 分享
          </p>
          <p class="phone-right-sec-title">
            积极链接各个华人社群
          </p>

          <p class="phone-right-desc">
            商城为响应式页面，适应手机、电脑、ipad等多种设备，方便管理与游览。 
          </p>
          <p class="phone-right-desc">
            无缝连接多种常用社交软件，扩大商城影响力
          </p>
          <div class="phone-more">
            <img class="show-more img-fluid" src="./assets/img/more-icon.png" alt="" srcset="">
          </div>
        </div>
      </div>
    </section>

    <section class="oxygen-section-good container-fluid">
      <div class="section-good-title">WESHOP给用户带来什么优势？</div>
      <div class="section-good-box">
        <div class="row">
          <div class="col-md-3">
            <div class="section-good-item good-item-tec">
              <div class="good-item-icon"></div>
              <div class="good-item-title">技术方面：</div>
              <div class="good-item-content">
                saas多用户商城系统是简单的部署，不需要购买任何硬件，刚开始只需要简单注册即可。用户无需再配备IT方面的专业技术人员，同时又能得到最新的技术应用，满足用户对商城管理的所有需求。
              </div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="section-good-item good-item-invest">
              <div class="good-item-icon"></div>
              <div class="good-item-title">技术方面：</div>
              <div class="good-item-content">
                saas多用户商城系统是简单的部署，不需要购买任何硬件，刚开始只需要简单注册即可。用户无需再配备IT方面的专业技术人员，同时又能得到最新的技术应用，满足用户对商城管理的所有需求。
              </div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="section-good-item good-item-manager">
              <div class="good-item-icon"></div>
              <div class="good-item-title">技术方面：</div>
              <div class="good-item-content">
                saas多用户商城系统是简单的部署，不需要购买任何硬件，刚开始只需要简单注册即可。用户无需再配备IT方面的专业技术人员，同时又能得到最新的技术应用，满足用户对商城管理的所有需求。
              </div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="section-good-item good-item-fun">
              <div class="good-item-icon"></div>
              <div class="good-item-title">技术方面：</div>
              <div class="good-item-content">
                saas多用户商城系统是简单的部署，不需要购买任何硬件，刚开始只需要简单注册即可。用户无需再配备IT方面的专业技术人员，同时又能得到最新的技术应用，满足用户对商城管理的所有需求。
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="oxygen-section-create flex-content-align-center container-fluid">
      <div class="section-create-box">
        
        <div class="section-create-center flex flex-column justify-content-between align-items-center">
          <div class="create-center-title">创建自己的商城</div>
          <div class="create-center-video">
            <div class="section-create-left">
              <div class="create-left-line"></div>
              <div class="create-left-circle">
                <p>查看更多商城案例</p>
                <div class="left-circle"></div>
              </div>
            </div>
            <div class="section-create-right"> 
              <div class="create-right-line"></div>
              <div class="create-right-circle">
                <p>试用体验</p>
                <div class="right-circle"></div>
              </div>
            </div> -->
            <div class="center-video-bg-ltc"></div>
            <div class="center-video-bg-rcc"></div>
            <div class="center-video-bg-rbc"></div>
            <div class="center-video-box">
              <img class="video-img img-fluid" src="./assets/img/play.png" alt="" srcset="">
            </div>
          </div>
          <div class="create-center-info">
            观看指导影片了解如何使用程序进行商城创建
          </div>
        </div>
        
      </div>
    </section>

    <footer class="oxygen-footer">
      <div class="footer-bg-icon"></div>
      <div class="footer-box">
        <div class="row">
          <div class="footer-logo col-md-4 col-sm-12">
            <div class="logo-bottom"></div>
            <div class="logo-title">针对中小企业的云服务平台</div>
          </div>
          <div class="col-md-8 col-sm-12">
            <div class="row">
              <div class="footer-fun-item col-md-3 ">
                <div class="fun-item-box">
                  <p class="fun-item-title">套餐价格</p>
                  <p class="fun-item-name">基础套餐</p>
                  <p class="fun-item-name">VIP用户</p>
                  <p class="fun-item-name">超级用户</p>
                  <p class="fun-item-name">包年与包月</p>
                </div>
              </div>
              <div class="footer-fun-item col-md-3 ">
                <div class="fun-item-box">
                  <p class="fun-item-title">产品服务</p>
                  <p class="fun-item-name">CRM</p>
                  <p class="fun-item-name">电子商务</p>
                  <p class="fun-item-name">现场服务管理</p>
                  <p class="fun-item-name">财务管理</p>
                </div>
              </div>
              <div class="footer-fun-item col-md-3 ">
                <div class="fun-item-box">
                  <p class="fun-item-title">产品服务</p>
                  <p class="fun-item-name">ERP</p>
                  <p class="fun-item-name">营销管理</p>
                  <p class="fun-item-name">库存管理</p>
                </div>
              </div>
              <div class="footer-fun-item col-md-3 ">
                <div class="fun-item-box">
                  <p class="fun-item-title">联系我们</p>
                  <p class="fun-item-name">1300 898 616</p>
                  <p class="fun-item-name">Suite 1416, 1 Queens Rd, Melbourne VIC 3004 info@mangotechgroup.com.au</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-link">
        <div class="footer-link-logo"></div>
        <div class="footer-link-third">
          <span class="link-item link-face"></span>
          <span class="link-item link-ins"></span>
          <span class="link-item link-ink"></span>
          <span class="link-item link-wechat"></span>
        </div>
      </div>
      <div class="footer-right">
        © O2plus.cloud
      </div>
    </footer>

  </div>
</body>
</html>